<template>
    <div>
        <el-card style="width:1020px;height:800px">
            <el-input v-model="input" placeholder="" style="width:270px; height:40px;margin-left:20px" size="small"
                :prefix-icon="Search" />
            <el-button color="#7d8090" :dark="isDark" plain
                style="border:0px; width:62px; height:40px;margin-left:10px">搜索</el-button>

            <el-card style="margin-top:10px" shadow="hover" class="changeBorder">
                <el-table :data="tableData" :header-cell-style="{background:'#f5f7f9',color:'#393939',border:'0px'}" style="width: 100%" stripe="true">
                    <el-table-column prop="订单信息" label="订单信息" width="180" />
                    <el-table-column prop="购买数量" label="购买数量" width="180" />
                    <el-table-column prop="单价" label="单价" />
                    <el-table-column prop="实付" label="实付" />
                    <el-table-column prop="状态" label="状态" />
                    <el-table-column prop="操作" label="操作" />
                </el-table>
            </el-card>
        </el-card>
    </div>
</template>

<script setup>
import { ref } from 'vue'
const input = ref('')
import { Calendar, Search } from '@element-plus/icons-vue'
const tableData = [
    {
        订单信息: '',
        购买数量: '',
        单价: '',
        实付: '',
        状态: '',
        操作: '',
    },
   
]
</script>

<style  scoped>
.changeColor{
    color: aqua;
}
.changeBorder{
    border: 0px;
    
}
</style>